.card-box {
        background: #ffffff;
        border-radius: 12px;
        padding: 30px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        transition: transform 0.2s ease;
    }
    .card-box:hover {
        transform: translateY(-3px);
    }
    .header-title {
        font-weight: 600;
        color: #2c3e50;
        margin-bottom: 20px;
    }
    .form-control:focus {
        border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    }
    label {
        font-weight: 500;
        color: #34495e;
    }
    .btn-primary {
        background: linear-gradient(45deg, #0d6efd, #6610f2);
        background:  #0d6dfdb4;
        border: none;
        font-weight: 600;
        padding: 10px 20px;
        border-radius: 8px;
    }
    .btn-primary:hover {
        background:  #0d6dfdd5;
    }
    .breadcrumb {
        background: none;
        font-size: 14px;
    }
    .breadcrumb-item a {
        color: #0d6efd;
    }
    .breadcrumb-item.active {
        color: #6c757d;
    }

      
    table thead {
        background: #0d6efd;
        color: white;
    }
    table tbody tr:hover {
        background-color: #f8f9fa;
    }
    .badge {
        font-size: 13px;
    }